<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="/WEB-INF/templates/newMainTemplateWithFooter.xhtml">
    
    <ui:define name="newContent">
        
        <h:form id="registerForm">
            <p:growl id="growl" showDetail="false" life="3000" />
            <p:panel id="registerFormPannel" header="#{indexMessages.Register}" styleClass="noBorder noPadding noBorder marginTopBar">
                <p:inputText styleClass="width100" id="email" value="#{createCompanyBean.companyEmail}" required="true" requiredMessage="#{messages.EmailRequired}" label="#{messages.Email}">  
                    <f:validator  binding="#{emailValidator}"></f:validator>
                    <p:ajax event="change" update=":registerForm:growl" />
                </p:inputText>  
                <p:watermark for="email" value="#{messages.Email}" /> 

                <p:inputText id="companyContact" styleClass="width100" value="#{createCompanyBean.companyContact}">
                    <p:ajax event="change" update=":registerForm:growl" />
                </p:inputText>
                <p:watermark for="companyContact" value="#{messages.CompanyContact}" /> 

                <p:inputText id="companyName" styleClass="width100" value="#{createCompanyBean.companyName}">
                    <p:ajax event="change" update=":registerForm:growl" />
                </p:inputText>
                <p:watermark for="companyName" value="#{messages.CompanyName}" /> 

                <p:inputText id="companyCif" styleClass="width100" value="#{createCompanyBean.companyCif}">
                    <p:ajax event="change" update=":registerForm:growl" />
                </p:inputText>
                <p:watermark for="companyCif" value="#{messages.CompanyCif}" /> 
                <div class="floatRight contractDiv">
                    <h:outputText styleClass="contractMessage" value="#{messages.ContractAccept} "></h:outputText>
                    <p:commandLink styleClass="contractMessage contractLink" value="#{messages.UseTerms} " process="@this" action="/views/recruit/UseTerms?faces-redirect=true"></p:commandLink>
                    <h:outputText styleClass="contractMessage" value="#{messages.And} "></h:outputText>
                    <p:commandLink styleClass="contractMessage contractLink" value="#{messages.PrivacyPolicy}" process="@this" action="/views/recruit/Privacy?faces-redirect=true"></p:commandLink>
                </div>    
                <p:commandButton process="@form" style="margin-bottom: 1em;margin-left: 0.3em;" styleClass="landingButton loginLandingButton redBackgroundStrong" value="#{indexMessages.Register}" update=":registerForm:growl" action="#{createCompanyBean.sendCompanyDataSmarphone()}"  />  
                <p:commandButton style="margin-bottom: 1em;margin-left: 0.3em;" styleClass="landingButton loginLandingButton grayBackgroundStrong " process="@this" value="#{indexMessages.Back}" id="backButton" action="/index?faces-redirect=true" />
            </p:panel>

        </h:form>
    </ui:define>

</ui:composition>
</html>